<div id="content">

<!-- LEFT START -->
<div id="left">
<h1>Product Categories</h1>
<ul>
<?php foreach($arrCategories as $category) : ?>
<li><a href="?page=products&sub=explore&category=<?= $category['categoryName']?>"><?= $category['categoryName']; ?></a></li>
<?php endforeach; ?>
</ul>
<div id="featured"><!-- FEATURED START -->
<h1>Featured Products</h1>
<img src="images/feature-item.png" /><br />
<a href="#" class="name">Name of the product</a><br />
<a href="#" class="price">$56.45</a>
</div><!-- FEATURED END -->

</div>
<!-- LEFT END -->

<!-- RIGHT START -->
<div id="right">

<div id="item_detail">

<div id="images">
<div id="big">
<img src="images/products/<?= $arrProductDetail['imageName']; ?>" class="product"/>

</div>
<!--<a href="#"><img src="images/products/11-1301926849.png"/></a>
<a href="#"><img src="images/products/11-1301926860.gif"/></a>
<a href="#"><img src="images/products/11-1302019260.jpg"/></a>-->
<!-- Just to increase height automatically --><div id="height_increaser"></div>
</div>

<h5><?= $arrProductDetail['productName']."  ".$arrProductDetail['productPrice']; ?></h5>
<a href="#"><img src="images/add_fav.png" /></a>
<p><?= $arrProductDetail['productDetail']; ?></p>
<h5>Keywords</h5>
<p><a href="#">One</a> <a href="#">Two</a> <a href="#">Three</a></p>
<h5>The seller accepts the Paypal</h5>
<img src="<?= $this -> template ?>/images/paypal.png" class="paypal" />

<div id="shipping">
<h5>Shipping</h5>
<p>Item ships from: United Kingdom.</p>
<table width="350" cellpadding="0" cellspacing="0">
<tr>
<td width="113"><h6>Ship To</h6></td>
<td width="85"><h6>Cost</h6></td>
<td width="150"><h6>With Another Item</h6></td>
</tr>
<tr>
<td><p>United States</p></td>
<td><p>$3.00</p></td>
<td><p>$13.00</p></td>
</tr>
<tr>
<td><p>Canada</p></td>
<td><p>$7.00</p></td>
<td><p>$9.00</p></td>
</tr>
<tr>
<td><p>United Arab</p></td>
<td><p>$5.00</p></td>
<td><p>$11.00</p></td>
</tr>
</table>
<br />
<h5>Product Attributes</h5>
<table width="350" cellpadding="0" cellspacing="0">
<tr>
	<td width="141"><h5>Item No</h5></td>
	<td width="59"><h5>&nbsp;</h5></td>
	<td width="148"><p><?= $arrProductDetail['productNo'];?></p></td>
</tr>
<tr>
	<td><h5>Brand</h5></td>
	<td><h5>&nbsp;</h5></td>
	<td><p><?= $arrProductDetail['productBrand'];?></p></td>
</tr>
<tr>
	<td><h5>Category</h5></td>
	<td><p>&nbsp;</p></td>
	<td><p><?= $arrProductDetail['productCategory'];?></p></td>
</tr>
<tr>
	<td><h5>Size</h5></td>
	<td><h5>&nbsp;</h5></td>
	<td><p><?= $arrProductDetail['productSize'];?></p></td>
</tr>
<tr>
	<td><h5>Sheen</h5></td>
	<td><h5>&nbsp;</h5></td>
	<td><p><?= $arrProductDetail['productSheen'];?></p></td>
</tr>
<tr>
	<td><h5>Case Qty</h5></td>
	<td><h5>&nbsp;</h5></td>
	<td><p><?= $arrProductDetail['caseQty'];?></p></td>
</tr>
<tr>
	<td><h5>Unit Weight</h5></td>
	<td><h5>&nbsp;</h5></td>
	<td><p><?= $arrProductDetail['unitWeight'];?></p></td>
</tr>
<tr>
	<td><h5>Unit Height</h5></td>
	<td><h5>&nbsp;</h5></td>
	<td><p><?= $arrProductDetail['unitHeight'];?></p></td>
</tr>
<tr>
	<td><h5>Unit Depth</h5></td>
	<td><h5>&nbsp;</h5></td>
	<td><p><?= $arrProductDetail['unitDepth'];?></p></td>
</tr>
<tr>
	<td><h5>Unit Width</h5></td>
	<td><h5>&nbsp;</h5></td>
	<td><p><?= $arrProductDetail['unitWidth'];?></p></td>
</tr>

</table>

</div>

<!-- Just to increase height automatically --><div id="height_increaser"></div>
</div>

</div>
<!-- RIGHT END -->

<!-- Just to increase height automatically --><div id="height_increaser"></div>
</div>